@import "[default].parameters.css";
@import "[default].typography.css";

footer {
    color: var(--color-text-footer) !important;
    text-decoration-color: var(--color-text-footer) !important;
    background-color: var(--color-background-footer) !important;
    padding-top: var(--display-stacks-xl);
    padding-bottom: var(--display-stacks-md);
}

    footer .copyright {
        color: var(--color-text-disabled) !important;
        font-size: var(--text-body-small) !important;
        line-height: var(--font-line-height-small) !important;
    }

        footer .copyright p {
            margin-bottom: var(--display-insets-xs) !important;
        }

    footer .navbar-nav {
        flex-direction: column !important;
        gap: var(--display-insets-xs);
    }

        footer .navbar-nav ul {
            display: flex;
            flex-direction: column;
            gap: var(--display-insets-xs);
            margin: 0;
        }

    footer .nav-title {
        font-weight: var(--font-weight-bold);
        color: var(--color-text-disabled);
        margin: 0;
    }

    footer .nav-link {
        font-size: var(--text-body-small);
        line-height: var(--font-line-height-small);
        font-weight: var(--font-weight-regular);
        text-decoration: underline;
        text-decoration-style: solid;
        text-underline-offset: var(--text-underline-offset-default);
        text-underline-position: from-font;
        color: var(--color-text-inverse) !important;
        text-decoration-color: var(--color-text-inverse) !important;
        padding: 0 !important;
    }

        footer .eco-socials .nav-link {
            align-items: baseline !important;
            text-decoration: none;
        }

            footer .eco-socials .nav-link span {
                text-decoration: underline;
                text-decoration-style: solid;
            }

            footer .eco-socials .nav-link i::before {
                font-size: var(--text-body-small);
            }

            footer .eco-socials .nav-link i.fa-arrow-up-right::before {
                line-height: var(--font-line-height-base);
                text-decoration: underline;
                text-decoration-style: solid;
                text-underline-offset: var(--text-underline-offset-fw-medium);
                text-underline-position: from-font;
            }

    footer .copyright a {
        color: var(--color-text-disabled) !important;
        text-decoration-color: var(--color-text-disabled) !important;
    }

    footer a.nav-link:hover, footer a.nav-link:hover > * {
        color: var(--color-text-disabled) !important;
        text-decoration-color: var(--color-text-disabled) !important;
    }

    footer .copyright a:hover {
        color: var(--color-text-muted) !important;
        text-decoration-color: var(--color-text-muted) !important;
    }


@media screen and (min-width: 992px) {
    footer {
        padding-top: var(--display-stacks-3xl);
        padding-bottom: calc(var(--display-stacks-2xl) * 2);
    }
}